.user-p {
    padding: 40rpx 28rpx;
    .user-view {
        .avatar{
           width: 96rpx;
           height: 96rpx; 
           margin-right: 20rpx;
        }
        .r-view{
            justify-content: center;
           .name{
            font-size: 32rpx;
            font-style: normal;
            font-weight: 600;
           } 
           .s-view{
            font-size: 24rpx;
            color: #002DAA;
           }
        }
    }
    .order-view{
        background: #fff;
        padding: 28rpx 24rpx;
        border-radius: 16rpx;
        margin-top: 40rpx;
        .t-view{
            justify-content: space-between;
            .l-view{
                align-items: center;
                .h1{
                    font-size: 32rpx;
                    font-style: normal;
                    font-weight: 600;
                }
                .h2{
                    font-size: 26rpx;
                    font-style: normal;
                    font-weight: 400;
                    margin-left: 12rpx;
                }
            }
            .more-view{
                align-items: center;
                color: #999999;
                font-size: 28rpx;
                image{
                    width: 28rpx;
                    height: 28rpx;
                }
            }
        }
        .tj-view{
            margin-top: 32rpx;
            .item{
                flex:1;
                justify-content: center;
                align-items: center;
                .f-view{
                    font-size: 40rpx;
                    font-style: normal;
                    font-weight: 600;
                    margin-bottom: 10rpx;
                }
                .s-view{
                    font-size: 24rpx;
                }
            }
        }
    }
}
